// 登录业务
const btnLogin = document.querySelector('#btn-login')
const form = document.querySelector('.login-form')
btnLogin.addEventListener('click', async function () {
    // 获取用户名和密码
    const data = serialize(form, { hash: true, empty: true })
    const { username, password } = data
    // 校验用户名和密码
    if (username.length < 8 || username.length > 30) {
        return showToast('用户名是8-30位')
    }
    if (password.length < 6 || password.length > 30) {
        return showToast('密码是6-30位')
    }
    // 提交数据
    try {
        const { message, data: { token } } = await axios.post('/login', data)
        // console.log(message)
        // 提示
        showToast(message)
        // 存储用户名
        localStorage.setItem('user', username)
        // 存储令牌(token)
        localStorage.setItem('token', token)
        // 跳转到首页
        setTimeout(() => {
            location.href = 'index.html'
        }, 1500)
    } catch (err) {
        // 查看后端返回的错误信息 dir 方法
        console.dir(err)
        showToast(err.response.data.message)
    }


})